@charset "utf-8";
/* CSS Document */
body {background: #fff;font-size: 11px;font-family: Arial, Helvetica, sans-serif;color: #3c3c3c;margin: 0px;padding: 0px;}
a {color: #3c3c3c; text-decoration:none; outline:none;}
a:hover {color: #111;}
* {margin:0;padding:0;}
input, textarea{border: 1px solid #b0b0b0; background:#fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #4c4c4c}
input:focus, textarea:focus{ border: 1px solid #349EED; box-shadow: 0 0 5px #eee;}
textarea{ border-radius: 3px; background: #fcfcfc;}
ul, li{list-style: none;}
ol>li{ list-style: decimal;}
h1 {font-size: 30px; font-weight: 300;}
h2 {font-size: 11px;font-weight: normal; color: #B2B2B2;}
h3 {font-size: 11px;font-weight: normal;}
h4 {font-size: 12px;font-weight: bold;}
h5 {font-size: 12px;font-weight: bold;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mb5 {margin-bottom: 5px;}
.mr10{ margin-right: 10px;}
.dlb{ display: block;}
.dib{ display: inline-block;}
.fll{ float: left;}
.flr{ float: right;}
.clr {clear: both;}
.stick{ color: #FF5A00}
.d_avatar img{ width: 68px; height: 68px; border-radius: 68px;}
.time{ background-position: -283px -70px; background-repeat: no-repeat; height: 13px; width: 13px; margin-right: 5px; vertical-align: middle;}
.effect{transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
.btn_follow, .btn_unfollow{color: #fff !important; padding: 5px 10px; background: #FF5A00; border-radius: 3px; font-size: 11px; font-weight: normal;}
.btn_follow:hover{ background: #FE8001;}
.btn_unfollow{ background: #9D9D9D !important;}
.btn_unfollow:hover{ background: #666 !important;;}
.member_name{ color: #FF5A00 !important; font-size: 16px; font-weight: 400;}
.liked, .viewed, .comment{ color: #919191; font-size: 11px; font-weight: bold;}
.content {padding: 5px;}
.big_btn{ border-radius: 5px; background: #FF5A00; padding: 0px 20px; height: 56px; line-height: 52px; display: inline-block; font-size: 20px; font-weight: 400; color: #fff !important;}
.big_btn:hover{ background: #FE8001;}
.border{ background: url(../images/border.png);}
.sprites{ background-image: url(../images/sprites.png); display: inline-block; }
.share_icons{ background-image: url(../images/share.png); display: inline-block; background-repeat: no-repeat; width: 20px; height: 20px; opacity: 0.5; vertical-align: middle;}
.share_icons:hover{opacity: 1;}
.share_icons_fb{ background-position: 0 0;}
.share_icons_tw{ background-position: -20px 0;}
.share_icons_tr{ background-position: -40px 0;}
.share_icons_pin{ background-position: -60px 0;}
.like_icon, .collection_icon, .comment_icon{ background-position: -240px 0; background-repeat: no-repeat; height: 10px; width: 11px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.collection_icon{ background-position: -260px 0;}
.comment_icon{ background-position: -240px -20px;}
#topbar_content,#header_content,#welcome_content, #main, #footer_content, .page_view{ width: 980px; margin: 0 auto; position: relative;}
#register, .c_l_m_incollect, .c_l_m_product, .pic_desc, .member_name, h1, h2, h3, h4, h5, #welcome_text, .mt_col .mt_col_title, .mt_col .mt_col_name, .trend_tabs li a,.page_view .col_left .c_l_top {font-family: 'Open sans', arial;}
.stars_s {background: url(../images/main_home2.jpg) repeat-x; margin-top: 95px;}
.stage {position: absolute;top: 0;left: 0;width: 100%;min-width: 900px;height: 100%;overflow: hidden;}
.login_iconfb, .login_icongg, .icon_feed{ width: 16px; height: 16px;background-position: -50px -40px; vertical-align: middle;}
.login_icongg{background-position: -70px -40px;}
.icon_feed{background-position: -90px -40px;}
/* topbar */
#topbar{ width: 100%; height: 30px; background: #2e2e2e; line-height: 30px; position: relative; z-index: 11;}
#topbar #topbar_right>a{ color: #fff; padding-left: 15px; padding-right: 15px; font-weight: bold; height: 30px; display: inline-block;}
#topbar a.active{ background: #fff; color: #333 !important;}
#topbar .login_panel{ position: absolute; top: 30px; right: -1px; border: 1px solid #333; border-top: none; width: 300px;background: #fff; display: none;}
#topbar .login_panel .login_via{ display: block; line-height: 1em; margin-top: 10px; border-radius: 3px; background: #EAF5FD; font-size: 12px; width: 240px; border: 1px solid #94B8D8; padding: 10px;}
#topbar .login_panel .login_via a{ margin-left: 10px; height: 16px; padding: 0;}
#topbar .selected{ display: inline-block;}
#topbar .login_panel .content{ padding:20px;}
#topbar .login_panel .content .lp_input{ width: 240px; padding: 10px; background: #fdfdfd; border: 1px solid #ccc; margin-bottom: 10px; border-radius: 3px;}
#topbar .login_panel .content .lp_input:focus{ background: #fff;}
#topbar .login_panel .content .gr_btn_big{ margin-top: 5px; cursor: pointer;}
#topbar .login_panel .content .lp_forget{ padding-left: 10px; padding-top: 13px;}
#topbar .login_panel .content .lp_forget a{ color: #333 !important; font-size: 12px; padding: 12px 5px; font-weight: normal;}
#topbar #topbar_right{ float: right; text-align: right; color: #fff;}
#topbar .bar-logged{}
#topbar .bar-logged>div{ float: left; padding: 0 10px;border-right: 1px solid #555; cursor: pointer;height: 30px;}
#topbar .bar-logged>div.clr{ float:none; padding: 0;border-right: none;height: auto;}
#topbar .bar-logged>div>span{font-weight: bold;}
#topbar .bar-logged>div>span.icon_feed{ margin-top: 6px;}
#topbar .bar-logged>div>span.feed-numb{ width: 16px; height: 16px; line-height: 16px; text-align: center; background: #F00; color: #fff; border-radius: 3px; display: inline-block; margin-top: 6px;}
#topbar .bar-logged>div>a>span.bar-loggout{ padding: 0 8px; height: 16px; line-height: 16px; background: #666; color: #fff; margin-top: 6px; border-radius: 3px; display: inline-block;}
#topbar .bar-logged>div.active{ background: #fff !important; color: #333 !important;}
#topbar .bar-logged #bar-upload{ background: #FF5A00; color: #fff; font-weight: bold; padding: 0 15px; border-right: none}
#topbar .bar-logged #bar-upload>a{ color: #fff;}
#topbar .bar-logged #bar-upload>a:before{ content: ""; width: 10px; height: 12px; display: inline-block; margin-right: 5px; background: url(../images/sprites.png) -130px -40px no-repeat; vertical-align: text-top;}
#bar-cp{ position: relative;}
#bar-feed{ position: relative;}
.panel{display: none; position: absolute; top: 30px; right: -1px;border: 1px solid #ddd; background: #fff; border-top: none; cursor: default; box-shadow: 0 10px 10px -10px rgba(0,0,0,0.4);}
#bar-cp .logged_panel{  width: 300px; min-height: 100px; }
#bar-cp .logged_panel>.avatar{ width: 80px; padding: 10px 9px 10px 10px; float: left; text-align: left;}
#bar-cp .logged_panel>.avatar>a{ line-height: 1em; margin-top: 10px; width: 80px; color: #fff; height: 20px; line-height: 20px; text-align: center; background: #1FB419; border-radius: 3px;}
#bar-cp .logged_panel>.avatar>img{ width: 80px; height: 80px; border-radius: 5px; }
#bar-cp .logged_panel>.dib{ width: 200px; float: left; border-left: 1px solid #eee;}
#bar-cp .logged_panel>.dib>a.lp-li{ display: block; width: 180px; padding: 6px 10px; border-bottom: 1px solid #eee; line-height: 20px; text-align: left;}
#bar-cp .logged_panel>.dib>a.lp-li:hover{ background: #fafafa;}
#bar-cp .logged_panel>.lp-logout{ height: 30px; background: #fafafa; border-top: 1px solid #eee; padding: 0 10px; line-height: 30px;}
#bar-cp .logged_panel>.lp-logout>a:before{ content:""; width: 16px; height: 16px; margin-right: 3px; vertical-align: text-bottom; background: url(../images/sprites.png) -110px -40px no-repeat; position: relative; display: inline-block;}
#bar-feed{}
#bar-feed .feed_panel{ width: 330px; min-height: 100px; text-align: left !important;}
#bar-feed .feed_panel .fp-li{ border-bottom: 1px solid #eee; overflow: hidden; clear: both;  position: relative;}
#bar-feed .feed_panel .unread{ background: #fafafa;}
#bar-feed .feed_panel .fp-li:hover{ background: #fafafa;}
#bar-feed .feed_panel .fp-li>a{min-height: 20px; padding: 10px; display: inline-block; width: 310px;}
#bar-feed .feed_panel .fp-li>a>img.avatar{ float: left; margin-right: 10px; width: 40px; height: 40px;}
#bar-feed .feed_panel .fp-li>a>.fll{ line-height: 1em;width: 260px; margin-top: 5px;}
#bar-feed .feed_panel .fp-li>a>.fll-follow, #bar-feed .feed_panel .fp-li>a>.fll-photo{ width: 190px !important;}
#bar-feed .feed_panel .fp-li>a>.fll-photo-img{ width: 60px; height: 40px; display: inline-block; overflow: hidden; position: absolute; border-radius: 3px; top: 10px; right: 10px;}
#bar-feed .feed_panel .fp-li>a>.fll-photo-img>img{ width: 60px; min-height: 40px;}
#bar-feed .feed_panel .fp-li>a>.fll>span.feed-time{ color: #bbb; display: block; line-height: 1em; margin-top: 3px;}
#bar-feed .feed_panel .fp-title{ width: 310px; padding: 10px; line-height: 1em; border-bottom: 1px solid #eee;}
#bar-feed .feed_panel .fp-li>.fp-follow>a.btn_follow{ position: absolute; top: 16px; right: 10px; line-height: 1em;}
#bar-feed .feed_panel .fp-all{width: 310px; padding: 10px; line-height: 1em; text-align: center; font-weight: bold; background: #fafafa;}
.avatar{border-radius: 3px;}
/* header */
#header{ height: 68px; width: 100%; background: #fff; border-bottom: 1px solid #ddd; z-index: 10; position: relative;}
#beta{ width: 48px; height: 48px; display: inline-block; position: absolute; top: 0; left:0; background-position: 0 -30px; background-repeat: no-repeat;}
#header #header_content #logo{ width: 64px; height: 55px; display: inline-block; background: url(../images/logo.png) 0 0 no-repeat; position: absolute; top: 5px; left: 25px;}
#header #header_content #version{ position: absolute; top: 10px; left: 87px; color: #fff; font-size: 11px; background: #FF5A00; border-radius: 3px; padding: 0px 3px; height: 12px; line-height: 10px;}
#header #header_content #category{ position: absolute; top: 0px; left: 160px; height: 68px; font-family: 'open sans', arial, tahoma;}
#cate_content{ position: relative;}
#cate_content .cate_expand{display: none; position: absolute; top: 68px; left: -20px; opacity: 0.95; width: 360px; padding: 20px; background: #fff; border: 1px solid #ddd; overflow: hidden;}
#cate_content .cate_expand li a{ padding-left: 0; background: none; height: auto !important; line-height: normal !important; margin-bottom: 5px; float: left; width: 120px;}
#cate_content span{ height: 68px; display: inline-block;}
#cate_content .cate_icon {background-position: -280px -24px; background-repeat: no-repeat; width: 20px; height: 20px; display: inline-block;}
#cate_content:hover .cate_icon{ background-position: -280px -44px; }
#cate_content .cate_expand li a:hover{color: #FF5A00 !important;}
#header #header_content #category .cate_link, #cate_content .cate_expand li a{ font-size: 14px; font-weight: 300; height: 68px; line-height: 68px;}
#header #header_content #cate_content:hover .cate_link{color: #FF5A00;}
#header #header_content #topmenu{ position: absolute; top: 0; left: 255px;}
#header #header_content #topmenu ul li{ border-left: 1px solid #f3f3f3; float: left; line-height: 68px; font-size: 14px; font-weight: bold; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif;}
#header #header_content #topmenu ul li a{width: 100px; height: 68px; display: inline-block; text-align: center;}
#header #header_content #topmenu ul li a:hover{ color: #ff5a00; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
#header #header_content #topmenu ul li .active{ background: #fcfcfc; color: #ff5a00;}
#header #header_content #topsearch{ position: absolute; top: 0; right: 25px; border-left: 1px solid #f3f3f3; display: inline-block; height: 68px; padding-left: 20px;}
#header #header_content #topsearch .ts_input{ margin-top: 17px; width: 240px; height: 30px; border-radius: 30px; padding: 0 20px;}
#trend-expand{ position: relative;}
#trend-expand>a.active{ background:#FF5A00; color: #fff; border-bottom: 1px solid #DD4E00;}
#trend-expand .trend-ex-panel{ position: absolute; top: 30px; z-index: 100;right: 10px; background: #fff; width: 200px; display: inline-block; border-radius: 10px; display: none; overflow: hidden; /*border: 1px solid #ccc;*/ box-shadow: 0 0 3px 3px rgba(00,00,00,0.1);}
#trend-expand .trend-ex-panel .tep_a{ margin-bottom: -1px; background: none; display: block; margin-right: 0; padding: 10px; border-bottom: 1px dotted #ccc; clear: both; border-radius: 0; height: auto; line-height: 1em; font-size: 12px; font-weight: normal;}
/* welcome */
#welcome{background: url(../images/main_home2.jpg) top center repeat-x; height: 400px; width: 100%;}
#welcome #welcome_content #model{ width: 299px; height: 380px; background: url(../images/model.png) 0 0 no-repeat; display: inline-block; position: absolute; left: 15px; top: 20px;}
#welcome #welcome_content #welcome_text{ top: 90px; left: 325px; width: 630px; position: absolute; text-align: left;}
#welcome #welcome_content #welcome_text h1{ font-size: 21px; font-weight: 600; color: #111; line-height: 1.2em;}
#welcome #welcome_content #welcome_text h2{ color: #ff5a00; font-size: 43px; font-weight: 300; line-height: 1em;}
#welcome #welcome_content #welcome_text h3{ color: #111; font-weight: 300; font-size: 20px; line-height: 1.2em; margin-top: 10px; margin-bottom: 20px;}
#welcome #welcome_content #welcome_text .big_btn{ margin-left: 160px;}
/*line*/
.line, .line_grey{ height: 2px; border-bottom: 1px solid #333; border-top: 1px solid #333; margin-bottom: 10px; width: 980px; margin: 0 auto; position: relative; z-index: 2;}
.line_grey{ border-color: #eee !important;}
/* main */
#main{ min-height: 600px; padding-top: 10px;}
#main #main_top{ height: 350px;}
#main #main_top .mt_col{ width: 310px; float: left; margin-right: 20px;}
#main #main_top .mt_col_end{ margin-right: 0 !important; height: 310px; margin-top: 12px; width: 320px; overflow: hidden;}
#main #main_top .mt_col .mt_col_name{ width: 310px; height: 20px; background: url(../images/border.png) bottom repeat-x;}
#main #main_top .mt_col .mt_col_name span{ color: #FF5A00; background: #fff; padding-right: 10px; font-size: 14px; font-weight: 600; text-transform: uppercase; display: inline-block;}
#main #main_top .mt_col .mt_col_thumb{ width: 310px; height: 170px; margin: 15px 0 0px; display: inline-block; position: relative; overflow: hidden}
#main #main_top .mt_col .mt_col_thumb .crop img{ width: 310px; margin-top: -30px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s;}
#main #main_top .mt_col .mt_col_title{ font-weight: 600; font-size: 16px; margin: 5px 0 3px; display: block;}
#main #main_top .mt_col .who_like{ margin-top: 10px; margin-left: -3px;}
#main #main_top .mt_col .box_fb{ margin: 10px; background: #fff; height: 290px; padding: 0px; overflow: hidden;}
#main #main_top .mt_col .box_fb .box_fb_tabs{ height: 40px; width: 100%;}
#main #main_top .mt_col .box_fb .box_fb_tabs .selected{ border-bottom: 1px solid #fff; background: #fff;}
#main #main_top .mt_col .box_fb .box_fb_tabs ul{ background: #fcfcfc; border-bottom: 1px solid #eee; height: 40px;}
#main #main_top .mt_col .box_fb .box_fb_tabs ul li{ float: left; margin-bottom: -1px;}
#main #main_top .mt_col .box_fb .box_fb_tabs ul li span{ opacity: 0.3; margin-top: 12px;}
#main #main_top .mt_col .box_fb .box_fb_tabs ul li .selected span{ opacity: 1}
#main #main_top .mt_col .box_fb .box_fb_tabs ul li a{ background: #fcfcfc; display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
#main #main_top .mt_col .mt_col_thumb .mt_col_btn{transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; color: #fff; padding: 5px 10px; background: #FF5A00; border-radius: 3px; font-size: 11px; font-weight: normal; position: absolute; top: 185px; margin-top: -15px; left: 50%; margin-left: -30px;; z-index: 9;}
#main #main_top .mt_col .mt_col_thumb .mt_col_btn:hover{background: #FE8001;}
#main #main_top .mt_col .mt_col_thumb:hover .mt_col_btn{top: 120px;}
#main #main_top .mt_col .mt_col_thumb .mt_col_avatar{ width: 50px; height: 50px; top: -60px; border-radius: 50px; border: 3px solid #fff; position: absolute; left: 50%; margin-left: -28px; z-index: 9;}
#main #main_top .mt_col .mt_col_thumb:hover .mt_col_avatar{ top: 40px;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; box-shadow: 0 0 10px #000; }
#main #main_top .mt_col .mt_col_thumb .mt_col_collect{ height: 170px; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s; width: 150px; background: url(../images/trans.png) repeat; position: absolute; top: 0; left: -150px; display: inline-block;}
#main #main_top .mt_col .mt_col_thumb:hover .mt_col_collect{ left: 0;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_col_avatar{ top: 10px;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_col_username{ width: 150px; text-align: center; position: absolute; top: 70px; left: 0; color: #fff; font-weight: bold; font-size: 14px;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_col_follow{color: #fff; padding: 5px 10px; background: #FF5A00; border-radius: 3px; font-size: 11px; font-weight: normal; position: absolute; top: 95px; left: 45px;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_col_follow:hover{ background: #FE8001;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_col_collect_view{ height: 24px; width: 122px; border-top: 1px solid #FF5A00; padding: 8px 14px; background: #000; bottom: 0; left: 0; display: inline-block; position: absolute;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_bst{ font-size: 10px; cursor: default; float: left; width: 14px; height: 13px; line-height: 12px; text-align: center; padding: 7px 8px 4px 2px; color: #fff; text-align: center; display: inline-block; background: url(../images/mt_bst.png) 0 0 no-repeat;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_bst_view{ float: left; margin-left: 5px; margin-top: 3px;}
#main #main_top .mt_col .mt_col_thumb .mt_col_collect .mt_bst_view a{ color: #fff; font-size: 11px; font-weight: bold;}
.who_like{ display: block;}
.who_like a{ margin-right: 6px; float: left;}
.who_like a .avatar_border{ width: 60px; height: 60px; border-radius: 60px; overflow: hidden; border: 3px solid #fff; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.who_like a .avatar_border:hover{ border: 3px solid #FF5A00;}
.who_like a .avatar_border img{ width: 60px; height: 60px;}
.who_like a .avatar_border .w_l_more{ width: 60px; height: 60px; background: #adadad; text-align: center; line-height: 60px; color: #fff; text-transform: uppercase; font-weight: bold;}
.who_like a .avatar_border .w_l_more:hover{ background: #FF5A00;}
.home_chart{ display: block; margin-top: 10px;}
.home_chart .hc_stt{ width: 16px; height: 16px; line-height: 16px; text-align: center; color: #fff; background: #FF9000; border-radius: 3px; float: left;}
.home_chart .hc_title{ float: left; margin-left: 5px; font-size: 11px; font-weight: bold;}
.home_chart .hc_pss{ margin-left: 20px; height: 10px; width: 260px; background: #eee; border-radius: 10px;}
.home_chart .hc_pss_loaded{ height: 10px; width: 260px; background: #29be6f; border-radius: 10px;}
.home_chart .hc_pss_mask{ height: 10px; overflow: hidden;}
/*page*/
.page{ background: #f5f7f7 url(../images/page_bg.png) repeat;}
.page_new{}
.page_new .stick{ font-size: 26px; line-height: 1em; margin-right: 20px;}
.page_new .page_new_title{ background-position: -50px -29px; background-repeat: no-repeat; width: 207px; height: 24px; margin-right: 20px; display: inline-block; float: left; }
.page_new .trend_tabs{ float: left;} 
.trend_tabs{}
.trend_tabs li{ float: left;}
.trend_tabs li a{ margin-right: 10px; color: #999; text-transform: uppercase; height: 24px; display: inline-block; line-height: 24px; padding: 0 15px; border-radius: 26px; border-bottom: 1px solid #ccc; background: #fff; font-size: 14px; font-weight: 400;}
.trend_tabs li a:hover{ color: #ff5a00}
.trend_tabs li .selected{ color: #fff !important; background: #ff5a00; border-bottom: 1px solid #DD4E00;} 
/* page view */
.page_view{ margin-top: 40px; margin-bottom: 50px;}
.page_view h5{ font-size: 16px; font-weight: 600; display: block; margin-bottom: 15px; position: relative; cursor: default;}
.page_view h5:after{ content: ""; width: 6px; height:11px; display: inline-block; background: url(../images/h5-arrow.png) right no-repeat; margin-left: 15px;}
.page_view .col_left .user_page{ min-height: 400px;}
.page_view .col_left .user_page .up_cover{height: 263px; width: 660px; border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;border-top-right-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}
.page_view .col_left .user_page .up_cover img{ height: 263px; width: 660px;}
.page_view .col_left .user_page .up_info{ padding: 0 15px; display: block; position: relative; margin-bottom: 20px;}
.page_view .col_left .user_page .up_info .avatar{ margin-top: -40px; background: #fff; width: 120px; height: 120px;}
.page_view .col_left .user_page .up_info .avatar img{ background: #fff; width: 114px; height: 114px; padding: 3px;}
.page_view .col_left .user_page .up_info .upi_name{ width: 480px; position: absolute; top: 5px; left: 150px;}
.page_view .col_left .user_page .up_info .upi_desc{ width: 490px; position: absolute; top: 45px; left: 150px;}
.page_view .col_left .user_page .up_info .upi_desc .fll{ width: 360px;}
.page_view .col_left .user_page .up_info .upi_desc .fll span{font-family: 'Patrick Hand',arial; font-weight: 400; font-size: 22px; line-height: 1.2em;}
.page_view .col_left .user_page .up_info .upi_desc .flr .content{ text-align: center; font-family: 'open sans', arial;}
.page_view .col_left .user_page .up_info .upi_desc .flr .content p{line-height: 1em;}
.page_view .col_left .user_page .up_info .upi_name h2{ color: #fff; font-size: 20px; font-weight: 600; text-shadow: 0 0 10px #000;}
.page_view .col_left .user_page .c_l_t_share{width: 109px; border-left: 1px solid #ccc;}
.page_view .col_left .user_page .c_l_t_share .content{ padding: 0; padding-left: 5px; border-left: 1px solid #ccc; margin-left: 1px; width: 100px; text-align: center; min-height: 70px;}
.page_view .col_left .user_page .c_l_t_share .content p{line-height: 1em;}
.page_view .col_left .user_page .c_l_t_share .content .share_icons{ margin: 10px 0 0;}
.page_view .col_left{ width: 660px; float: left; background: #fff; border-radius: 5px; display: inline-block; min-height: 300px; margin-right: 20px;}
.page_view .col_left p{ line-height: 1.6em;}
.page_view .col_left .c_l_top{ width: 640px; min-height: 70px; padding: 15px 10px; font-size: 13px; color: #858585; line-height: 1em;}
.page_view .col_left .c_l_top .member_name{ margin: 5px 0;}
.page_view .col_left .c_l_top h1{ font-size: 16px; margin: 5px 0;}
.page_view .col_left .c_l_top .c_l_t_avatar{ margin: 0 15px 0 5px; float: left}
.page_view .col_left .c_l_top .c_l_t_info{ float: left;width: 440px;}
.page_view .col_left .c_l_top .c_l_t_share{ float: left; width: 109px; border-left: 1px solid #ccc;}
.page_view .col_left .c_l_top .c_l_t_share .content{ padding: 0; padding-left: 5px; border-left: 1px solid #ccc; margin-left: 1px; width: 100px; text-align: center; min-height: 70px;}
.page_view .col_left .c_l_top .c_l_t_share .content p{line-height: 1em;}
.page_view .col_left .c_l_top .c_l_t_share .content .share_icons{ margin: 10px 0 0;}
.page_view .col_left .c_l_main{ width: 100%;}
.page_view .col_left .c_l_main .c_l_m_photo{ overflow: hidden; position: relative;}
.page_view .col_left .c_l_main .c_l_m_photo:hover .pic_desc{ left: -30px; transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;}
.page_view .col_left .c_l_main .c_l_m_photo img{ width: 660px; height: auto;}
.page_view .col_left .c_l_main .c_l_m_info{ height: 70px; padding: 20px 0px; border-bottom: 1px solid #d9d9d9; margin-bottom: 1px;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_product{ font-size: 13px; font-weight: 300; padding-left: 20px; width: 420px; float: left;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_product p{ width: 400px; cursor: default;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_product p:hover{ background: #FFFDCE;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_product a{font-style: italic; font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_i_stats{ float: right;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_i_stats p{ margin-top: 10px;}
.page_view .col_left .c_l_main .c_l_m_info .c_l_m_i_like, .page_view .col_left .c_l_main .c_l_m_info .c_l_m_i_comment{ float: left; height: 70px; width: 80px; text-align: center; background: url(../images/d_line.png) left repeat-y; display: inline-block;}
.page_view .col_left .c_l_main .c_l_m_incollect{ overflow: hidden; padding: 20px 0; border-bottom: 1px solid #d9d9d9; margin-bottom: 1px; border-top: 1px solid #d9d9d9;}
.page_view .col_left .c_l_main .c_l_m_comment{ min-height: 300px; border-top: 1px solid #d9d9d9; padding: 20px;}
.page_view .col_left .c_l_main .c_l_m_comment h1{ cursor: default; font-size: 18px; font-weight: 600; height: 30px; line-height: 30px; display: inline-block; float: left;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_tabs{ float: left; margin-left: 30px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_tabs ul li{ float: left;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_tabs ul li a{ font-size: 13px; font-family: 'open sans', arial; width: 100px; height: 30px; text-align: center; line-height: 30px; display: inline-block; border: 1px solid #fff; border-bottom: 1px solid #ccc; }
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_tabs ul li .selected{ color: #ff6c00; border: 1px solid #ccc; border-bottom: 1px solid #fff; z-index: 2; border-top-left-radius: 3px; border-top-right-radius: 3px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content { padding-top: 0px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list{ margin: 20px 0;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_back{}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info{}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info .member_name{ font-size: 14px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info .fcl_i_cm{ width: 480px; padding: 5px 0;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info .fcl_i_action{ font-family: Arial, Helvetica, sans-serif !important; color: #999;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info .fcl_i_action span{ padding: 0 10px; color: #999;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_info .fcl_i_action a{ color: #999;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_like{ width: 60px; margin-top: 20px; text-align: right;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .fcl_input textarea{ padding: 10px; max-width: 520px; min-width: 520px; height: 50px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_list .gr_btn_normal{margin-top: 10px; margin-bottom: -20px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_more{transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; width: 598px; border-radius: 3px; border: 1px solid #f0f0f0; display: inline-block; margin: 0 auto; background: #f9f9f9; text-align: center; padding: 8px 10px;}
.page_view .col_left .c_l_main .c_l_m_comment .c_l_m_c_content .fc_more:hover{ background: #fff; box-shadow: 0 0 5px #eee; border: 1px solid #eee;}
.page_view .col_left .c_l_main .c_l_m_other{ width: 505px; margin-left: 10px; float: left; display: inline-block;}
.page_view .col_left .c_l_main .c_l_m_o_name{ float: left; width: 130px; margin-top: 8px; padding-right: 10px; text-align: right; font-size: 16px; font-weight: 400;}
.page_view .col_left .c_l_main .c_l_m_o_name span{ font-weight: 800; font-size: 18px; line-height: 1.2em;}
.page_view .col_left .c_l_main .c_l_m_o_name .c_l_m_o_link{ margin-top: 30px; display: inline-block; font-size: 12px; font-weight: 400;}
.page_view .col_right{ width: 300px; float: left;}
.page_view .col_right .col_right_trend{ height: 70px; padding: 15px 0; text-align: center; text-transform: uppercase; font-size: 14px;}
.page_view .col_right .col_right_trend h1{ font-weight: 400; font-family: 'Patrick Hand', arial; font-size: 36px;}
.page_view .col_right .col_right_collect{}
.c_r_c_li{ background: #fff; width: 300px; height: 120px; margin-bottom: 20px; }
.c_r_c_li:hover{ box-shadow: 0 0 5px #ddd;}
.c_r_c_li .c_r_c_li_thumb{ width: 120px; height: 120px; margin-right: 15px; float: left; position: relative;}
.c_r_c_li .c_r_c_li_thumb:after{ width: 4px; height: 120px; content: ""; background: url(../images/collection.png) top right no-repeat; position: absolute; top: 0; right: -4px;}
.col_right_photo .c_r_c_li .c_r_c_li_thumb:after{ background: none !important; content: "";}
.col_right_photo{}
.col_right_photo .c_r_c_li{ background: none;}
.col_right_photo .c_r_c_li:hover{ background: none; box-shadow: none;}
.c_r_c_li .c_r_c_li_info{ width: 155px; float: left; margin-top: 5px;}
.c_r_c_li .c_r_c_li_info h1{ font-size: 14px; font-weight: 400; text-transform: uppercase;}
.c_r_c_li .c_r_c_li_info h2{ font-size: 14px; font-weight: 400; color: #ff5a00;}
.c_r_c_li .c_r_c_li_info p{ margin-top: 5px;}
.block_collection, .block_photos{ padding: 15px;}
.block_collection .c_r_c_li{ float: left; margin-right: 15px;}
.block_collection .c_r_c_li:hover{ box-shadow: none; background: #fafafa;}
.block_collection .c_r_c_li .c_r_c_li_info{ width: 165px;}
.block_photos .bp-li{ clear: both; width: 100%; height: 150px; background: #fcfcfc; display: inline-block; margin-bottom: 15px; position: relative;}
.block_photos .bp-li .fll{ display: inline-block; width: 150px; height: 150px; overflow: hidden; margin-right: 15px;}
.block_photos .bp-li .fll a .thumb{ width: 150px; min-height: 150px; float: left;}
.block_photos .bp-li .flr{ width: 455px; float: left; padding-top: 10px; padding-bottom: 10px;}
.block_photos .bp-li .flr h1{ font-size: 16px; font-weight: 400; width: 340px; line-height: 1.2em; margin-bottom: 5px;;}
.block_photos .bp-li .flr h2{ font-size: 14px; color: #ff5a00; line-height: 1.2em; margin-bottom: 5px;}
.block_photos .bp-li .flr .last_comment{ overflow: hidden; position: absolute; bottom: 10px; left: 165px; height: 33px; display: inline-block; line-height: 33px; width: 445px; padding-right: 10px; background: #fff; border-bottom: 1px solid #eee;}
.block_photos .bp-li .flr .last_comment img{ width: 33px; height: 33px; float: left; margin-right: 10px;}
.icon_like_b, .icon_save_b{ position: absolute; top: 10px; right: 50px; height: 34px; width: 34px; display: inline-block; border-radius: 34px; background: #6A6A6A url(../images/sprites.png) -149px -28px no-repeat;}
.icon_save_b{ background-position: -179px -29px; right: 10px; cursor: pointer;}
.icon_save_b .active{ display: inline-block;}
.save_box .content:before{ position: absolute; top: 10px; left: -11px; display: inline-block; width: 11px; height: 14px; background: url(../images/arrow.png) 0 0 no-repeat; content: "";}
.save_box{ z-index: 99; cursor: default; display: none; width: 250px; border: 1px solid #ddd; box-shadow: 0 0 5px #eee; border-radius: 5px; min-height: 100px; position: absolute; top: 0; right: -262px; background: #fff;}
.save_box ul>li>a{ border-bottom: 1px solid #ddd; padding: 10px; display: block;}
.save_box ul>li>a>span{ font-weight: bold; margin-left: 10px;}
.save_box .sb_div{padding: 10px; border-radius: 3px;}
.save_box .sb_div .sb_input{ width: 150px; height: 28px; margin-right: 5px; line-height: 1; padding: 0 10px; border-radius: 3px;}
.save_box .sb_title{ background: #f4f4f4; text-transform: uppercase; font-weight: bold; position: relative;}
.save_box .sb_title .save_collect_idphoto{ position: absolute; top: 7px; right: 7px; background: none; cursor: pointer; width: 20px; height: 21px; background: url(../images/collect_close.png) 0 0 no-repeat;}
.save_box .content{ padding: 0; position: relative;}
.save_box .content .sb_title{ padding: 10px; border-bottom: 1px solid #ddd; border-radius: 3px; cursor: default;}
#icon_save_b .active{ display: block;}
.icon_like_b:hover, .icon_save_b:hover, .active{ background-color: #ff5a00;}
.page_view .user_page h5:before{ content: ""; position: absolute; top: 9px; left: -19px; height: 8px; width: 8px; display: inline-block; border-radius: 8px; background: #F60;}
.up_about{ padding: 15px; background: #fcfcfc;}
.up_about .content{ padding: 0; font-size: 13px; font-family: 'open sans', arial, tahoma; text-align: justify;}
.up_about .content .s_ab_wrap{ padding-left: 10px; border-left: 2px solid #ccc; margin-top: 10px;}
.up_about .content .s_ab_wrap .s_ab{display: inline-block; margin: 5px 0; width: 40%; background: #fff; margin-right: 10px;}
.more a{transition: all 0.3s ease 0s; width: 628px; border: 1px solid #eee; border-radius: 3px; background: #fafafa; height: 30px; line-height: 30px; font-weight: 400; font-size: 12px; font-family: 'open sans', arial; display: inline-block; text-align: center;}
.more a:hover{ background: #fff; box-shadow: 0 0 3px #ccc; border: 1px solid #ccc;}
.page_view .col_right .col_right_people{ margin-top: 40px;}
.page_view .col_right .col_right_user{ margin-top: 10px;}
.page_view .col_right .col_right_people h1{ font-size: 16px; font-weight: 600; text-align: center; text-transform: uppercase;}
.page_view .col_right .col_right_people h2{ font-size: 12px; color: #666; font-weight: 400; text-align: center; text-transform: uppercase;}
.page_view .col_right .col_right_people .c_r_p_li{ width: 100%; clear: both; margin-bottom: 20px; display: inline-block;}
.page_view .col_right .col_right_people .content{ padding: 0 0 0;}
.page_view .col_right .col_right_people .c_r_p_li .c_r_p_li_info{ width: 140px; float: left; font-size: 12px; font-family: 'open sans', arial;}
.page_view .col_right .col_right_people .c_r_p_li .c_r_p_li_info .member_name{ font-size: 14px;}
.page_view .col_right .col_right_people .c_r_p_li .btn_follow{ float: right; margin-top: 20px;}
/* tag */
.pic_tag{position: absolute;}
.pic_tag a:hover, .pic_tag a.selected{ background: #ff6c00;}
.pic_tag a{color: #fff !important; display: inline-block;cursor: pointer; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 14px; font-weight: 400; border-radius: 30px; background: url(../images/trans.png) repeat;}
.pic_desc{ cursor: default; position: absolute; left: -500px;background: #fff; color: #000; height: 30px; line-height: 30px; padding: 0 10px 0 0; opacity: 0.5; font-size: 14px; font-weight: 600;}
.pic_desc:hover, .pic_desc_hover{ opacity: 1; left: 0 !important;}
.pic_desc .tag_content span{ background: #13dc6d; width: 30px; height: 30px; text-align: center; color: #fff !important; font-weight: 600; display: inline-block; margin-right: 10px;}
.pic_desc .tag_content{ position: relative;}
.pic_desc:hover .tag_content .tag_shop, .tag_shop_hover{ display: inline-block;}
.pic_desc .tag_content .tag_shop{ display: none; position: absolute; right: -140px; top: 0; width: 110px; height: 30px; padding: 0 10px; background: #000;}
.pic_desc .tag_content .tag_shop a{color: #fff;}
#position_1{ top: 200px;}
#position_2{ top: 240px;}
#position_3{ top: 280px;}
#position_4{ top: 320px;}
#position_5{ top: 360px;}
#position_6{ top: 400px;}

.shop_icons{ background-position: -282px -90px; width: 14px; height: 14px; margin-right: 5px; display: inline-block; vertical-align: middle;}
/* grid */
.grid_mask{ width: 980px; clear: both;}
.grid{width: 980px; position: relative; margin-left: 5px;}
.grid .items .item{background: #fff; border-radius: 3px; min-width:300px; padding:5px 5px 10px; border: 1px solid #eee;}
.grid .items .item:hover{border: 1px solid #ccc; box-shadow: 0 0 5px #ccc;}
.grid .items .item:hover .liked, .grid .items .item:hover .comment{ color: #333 !important;}
.grid .items .item .item_thumb{ position: relative; text-align: center; overflow: hidden;}
.grid .items .item .item_thumb img{width: 307px;}
.grid .items .item .item_more a{width: 307px;}
.grid .items .item .item_thumb .item_pose{background: #000; opacity: 0.8; border-radius: 3px; position: absolute; left: 5px; bottom: 5px; z-index: 2;}
.grid .items .item .item_thumb .item_pose a{ margin-left: 5px; height: 24px; line-height: 24px; background-position: -280px 2px; background-repeat: no-repeat; padding-left: 25px; color: #000; font-weight: bold; padding-right: 10px;}
.grid .items .item .item_thumb .item_header{background: #000; opacity: 0.95; position: absolute; left: 0px; top: -40px; width: 297px; text-align: left; padding: 5px; z-index: 2; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.grid .items .item:hover .item_thumb .item_header{ top: 0px;}
.grid .items .item .item_thumb .item_header .ih_avatar{ width: 30px; float: left; height: 30px; margin-right: 5px; margin-top: auto; border-radius: 30px;}
.grid .items .item .item_thumb .item_header .ih_info{ width: 180px; float: left; color: #aaa;}
.grid .items .item .item_thumb .item_header .ih_title{ line-height: 1em; color: #fff !important; font-weight: bold; font-size: 11px; margin-top: 3px; display: inline-block;}
.grid .items .item .item_thumb .item_header .ih_follow{ color: #fff; float: right; padding: 5px 10px; background: #FF5A00; border-radius: 3px; font-size: 11px; font-weight: normal; margin: 2px 2px 0 0;}
.grid .items .item .item_thumb .item_header .ih_follow:hover{background: #FE8001;}
.grid .items .item .item_thumb .item_bottom{ transition: all 0.4s ease 0s;-webkit-transition: all 0.4s ease 0s;background: #000; opacity: 0.95; height: 30px; position: absolute; left: 0px; bottom:-40px; width: 307px; text-align: left; padding: 0px; z-index: 2;}
.grid .items .item:hover .item_thumb .item_bottom{ bottom: 0;}
.grid .items .item .item_thumb .pose_like{ display: none; border-radius: 60px; width: 60px; height: 60px; background: #000 url(../images/pose_like.png) -10px -10px no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px;}
/*.grid .items .item:hover .item_thumb .pose_like{ display: inline-block;}*/
.grid .items .item .item_thumb .pose_like:hover{background: #000 url(../images/pose_like.png) -10px -90px no-repeat; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.grid .items .item .item_thumb .pose_dislike{display: none; border-radius: 60px; width: 60px; height: 60px; background: #000 url(../images/pose_like.png) -10px -170px no-repeat; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px;}
.grid .items .item .item_thumb .item_bottom .pose_icons{ background-image: url(../images/pose_icons.png); background-repeat: no-repeat;color: #999; float: left; padding-left: 15px; margin-top: 8px; margin-left: 8px;}
.grid .items .item .item_thumb .item_bottom .ib_liked{ background-position: 0 2px;margin-right: 10px;}
.grid .items .item .item_thumb .item_bottom .ib_comment{ background-position: 0 -18px;}
.grid .items .item .item_thumb .item_bottom .ib_save{ background-position: 0 -40px; width: 16px; height: 16px; display: inline-block; float: right !important; padding-left: 0; margin-right: 5px;}
.grid .items .item .item_info{ padding: 5px 10px; color: #333;}
.grid .items .item .item_info h1{ width: 280px; font-size: 14px !important; color: #333 !important; font-weight: 600; text-align: center; margin-top: 10px; line-height: 1.2em;}
.grid .items .item .item_more{}
.grid .items .item .item_more a{ height: 220px; text-align: center; display: inline-block; color: #333; text-transform: uppercase; font-weight: bold;}
.grid .items .item .item_more span{ color: #999 !important; font-size: 180px; display: block; line-height: 1em; font-family: 'open sans', arial, tahoma; font-weight: 300;}

.crop{ width: 310px; height: 170px; overflow: hidden;}

/* register */
#register_logo{ margin: 30px auto; text-align: center; overflow: hidden;}
#register_logo .register_logo_img{width: 100px; height: 100px; border: 5px solid #F5F6F6; background: #2e2e2e url(../images/register_logo.png) center 20px no-repeat; border-radius: 110px; display: inline-block;}
#register_logo .register_logo_img:hover{border: 5px solid #FF5A00; transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;}
.reg_error{ width: 595px; margin: 0 auto 10px; border-radius: 3px; padding: 10px; padding-left: 35px; background: #E84C3D url(../images/reg_error.png) 10px center no-repeat; color: #fff; font-weight: bold; font-size: 12px;}
#register{ width: 640px; margin: 0px auto 100px; background: #fff; box-shadow: 0 0 5px #ddd; border-radius: 5px; font-size: 14px; font-weight: 300; }
.input_text{ padding: 7px 10px; font-family: 'open sans', arial; font-size: 14px; font-weight: 300; width: 240px; margin-bottom: 15px;}
.input_file{ border: 0; height: 32px; line-height: 32px; font-size: 12px; width: 250px; overflow: hidden;}
.g_boy, .g_girl{ width: 200px; height: 200px; background: url(../images/genre.png) 0 0 no-repeat; display: inline-block;}
.g_girl{ background-position: -200px 0;}
.g_both{ text-align: center; display: block; margin-bottom: 20px;}
.g_all{ padding: 6px 20px; color: #fff !important; font-size: 18px; font-weight: 500; background: #5F5F5F; border-radius: 3px; display: inline-block;}
#register .content{padding: 20px 30px;}
#register .content .reg_title{ padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 20px; cursor: default;}
#register .content .reg_title h1{ line-height: 1em; font-size: 18px; font-weight: 400;}
#register .content .reg_half{ position: relative; width: 280px; padding-right: 10px; float: left; background: url(../images/d_line.png) repeat-y right; margin-bottom: 20px;}
#register .content .reg_half_end{ position: relative; width: 270px; padding-left: 20px; float: left;}
#register .content a{ color: #1FB419;}
#register .content .reg_half h1, .reg_half_end h1{ font-size: 18px; font-weight: 500;}
#register .content h2{ font-size: 14px; color: #3c3c3c; line-height: 1,2em; margin-bottom: 12px;}
#register .content .reg_step{ width: 200px; float: right; text-align: right; margin-top: 20px;}
#register .content .reg_step span{ height: 14px; width: 14px; margin-left: 5px; background:#DFDFDF; display: inline-block; border-radius: 3px;}
#register .content .reg_step .active{background: #1fb419}
#register .content label{ margin-bottom: 10px; font-weight: 400; font-size: 14px; display: block;}
#register .content .reg_trend, #register .content .reg_follow{ margin-bottom: 20px;}
#register .content .reg_trend h2, #register .content .reg_follow h2{ margin-bottom: 20px;}
#register .content .reg_trend .reg_trend_li { width: 150px; float: left; margin-bottom: 10px;}
#register .content .reg_follow{ width: 580px; overflow: hidden;}
#register .content .reg_follow .reg_follow_li{ width: 80px; height: 90px; position: relative; display: inline-block; float: left; margin-right: 16px; margin-bottom: 20px;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_mask{ position: absolute; top: 0px; left: 0px; z-index: 5; width: 80px; height: 80px;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_mask span{width: 80px; height: 110px; display: inline-block;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_mask span.unchecked{ background: #fff !important; opacity: 0.8; padding-left: 0 !important;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_mask span.checked{ background: none !important;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_bg{ position: absolute; top: 0; left: 0; z-index: 1;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_bg img{width: 80px; height: 80px; border-radius: 5px;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_bg p{ text-align: center;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_bg h2{ font-size: 12px; text-align: center;}
#register .content .reg_follow .reg_follow_li .reg_follow_li_bg h2 a{color: #333 !important}
#register .content .reg_trend input[type=checkbox]{ margin-bottom: 20px;}
#register .content .reg_success{ text-align: center;}
#register .content .reg_success h1{ color: #1FB419;}
#register .content .reg_success .r_s_icon{ background: url(../images/icon_success.png) 0 0 no-repeat; width: 50px; height: 40px; margin-bottom: 10px; display: inline-block;}
#register .content .reg_success .r_s_post{ background-position: 0 -40px;}

.wrapped{ display: none;}
.unchecked{ padding-left: 20px; background: url(../images/cb.png) 0 0 no-repeat; cursor: pointer;}
.checked{ padding-left: 20px; background: url(../images/cb.png) 0 -80px no-repeat; cursor: pointer; color: #1FB419;}

.reg_via_fb, .reg_via_tw{ background-position: 0 -80px; background-repeat: no-repeat; width: 256px; height: 35px; display: inline-block; margin-bottom: 15px;}
.reg_via_tw {background-position: 0 -120px;}

/* btn */
.gr_btn_big{ border: none; display: inline-block; background: #1fb419; padding: 12px 25px; color: #fff !important; font-size: 14px; font-family: Arial, Helvetica, sans-serif; border-radius: 3px;}
.gr_btn_big:hover{ background: #24C41C;}
.gr_btn_big:focus{ border: none;}
.gr_btn_normal{ border: none; cursor: pointer; display: inline-block; background: #1fb419; padding: 7px 10px; color: #fff !important; font-size: 12px; font-family: Arial, Helvetica, sans-serif; border-radius: 3px;}
.gr_btn_normal:hover{ background: #24C41C;}
.gr_btn_normal:focus{ border: none;}


/*footer*/
#footer{ width: 100%; height: 120px; background: #f6f6f6; border-top: 2px solid #e0e0e0; color: #616161; font-weight: 400; font-family: 'open sans', arial, tahoma;}
#footer #footer_content .ft_col{ width: 130px; padding-left: 15px; border-right: 1px solid #ddd; margin-top: 10px; float: left;}
#footer #footer_content .ft_col a{ display: block; margin-bottom: 5px; color: #616161; font-weight: 400; font-family: 'open sans', arial, tahoma;}
#footer #footer_content .ft_col_first{width: 90px !important; padding-left: 0 !important;}
#footer #footer_content .ft_apps{ margin-top: 10px; float: left; padding-left: 15px;}
#footer #footer_content .ft_apps a{ margin-right: 10px;}
#footer #footer_content .ft_apps .fta_icon{ width: 25px; height: 25px; background-position: 0px 0px; margin-top: 10px;}
#footer #footer_content .ft_apps .fta_android{ background-position: -30px 0 !important;}
#footer #footer_content .ft_apps .fta_windows{ background-position: -60px 0 !important;}
#footer #footer_content .ft_copyright{ float: right; margin-top: 10px; text-align: right;}
.footer_page{ background: #fff !important; margin-top: 20px;}
.ft_icons{ width: 20px; height: 20px; display: inline-block; background-position: -90px 0; margin-top: 10px; opacity: 0.8;}
.ft_icons:hover{ opacity: 1;}
.icon_tw{background-position: -110px 0 !important; width: 30px !important;}
.icon_gg{background-position: -140px 0;}
.icon_yt{background-position: -160px 0;}
.icon_tr{background-position: -180px 0;}
.icon_ig{background-position: -200px 0;}
.icon_pin{background-position: -220px 0;}



















